<template>
    <div id="setName" class="content">
        <div class="tilte-bar">
            <!-- <img src="../../assets/toleft.png" alt="return" @click="toLoginPage"> -->
            修改联系方式
        </div>
        <div class="margin-0-1">
            <div class="weui-cell weui-cell-background-color">
                <div class="weui-cell__hd weui-cell-width"><label class="weui-label weui-cell-width">手机号：</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="number" placeholder="请输入手机号"  v-model="telNumber">
                </div>
            </div>
            <div class="margin-1-0">
                <span class="weui-btn weui-btn_primary" @click="toHomePage">完成</span>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                telNumber: 1
            }
        },
        methods: {
            //返回登陆界面
            toLoginPage: function() {
                window.location.href = "./#/login";
            },
            //成功后跳到主页
            toHomePage: function() {
                window.location.href = "/.#/user_info";
            },
        }
    }
</script>

<style>
    /* #setName {
        background-color: #e7e9f3;
        height: 100vh;
    } */
    div {
        box-sizing: border-box;
    }
    .header {
        color: white;
        background-color: #08163e;
        height: 3rem;
        line-height: 3rem;
        font-size: 1rem;
    }
    .header img {
        display: inline-block;
        width: 2rem;
        vertical-align: middle;
        margin: 0 1rem;
    }
    /* .band-wrap {
        margin: 1rem 2.5rem;
    }
    .band-wrap div {
        font-size: 1rem;
        padding-bottom: 1rem;
    }
    .band-wrap input {
        display: block;
        width: 100%;
        border: 0;
        border-radius: .3rem;
        padding: .2rem .3rem;
    }
    .band-wrap button {
        border: none;
        display: block;
        width: 4.5rem;
        height: 1.8rem;
        color: white;
        background-color: #3654a7;
        border-radius: .3rem;
        margin: 2.5rem auto;
    } */
    .margin-0-1 {
        margin: 0 1rem;
    }
    .margin-1-0 {
        margin: 1rem 0;
    }
</style>